<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/repeat.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../img/iconfont/iconfont.css">
    <script src="../js/index.js" type="module"></script>
    <title>首页</title>
</head>
<body>
    <!-- 头部 -->
    <header>
        <div id="header_top">
            <div class="warpper clear_fix">
                <ul id="sitemap">
                    <li><a href="">小米商城</a></li>
                    <li>|<a href="">MIUI</a></li>
                    <li>|<a href="">loT</a></li>
                    <li>|<a href="">云服务</a></li>
                    <li>|<a href="">天星科技</a></li>
                    <li>|<a href="">有品</a></li>
                    <li>|<a href="">小爱开放平台</a></li>
                    <li>|<a href="">企业团购</a></li>
                    <li>|<a href="">资质证照</a></li>
                    <li>|<a href="">协议规则</a></li>
                    <li>|<a href="">下载app
                        <em></em>
                        <div class="Qr_code">
                            <img src="../img/Qr_code.png" alt="" srcset=""><span>小米商城APP</span>
                        </div>
                    </a></li>
                    <li>|<a href="">智能生活</a></li>
                    <li>|<a href="">Select Location</a></li>
                </ul>
                <div id="user">
                    <dl id="login">
                        <dd><a href="../html/login.html?0">登录</a></dd>
                        <dd>|<a href="../html/login.html?1">注册</a></dd>
                        <dd>|<a href="">消息通知</a></dd>
                    </dl>
                    <a id="list" >
                        <span class="iconfont icon-gouwuchekong"></span><span>购物车</span><i> (0)</i>
                        <div id="sub_list"><p>购物车中还没有商品，赶紧选购吧!</p></div>
                    </a>
                </div>
                <a href="" ></a>
            </div>
        </div>
        <div id="header_bottom">
            <div class="warpper">
                <img src="../img/logo-mi2.png" alt="" class="logo">
                <ul class="nav">
                    <li><a href="">小米手机</a></li>
                    <li><a href="">Readmi红米</a></li>
                    <li><a href="">电视</a></li>
                    <li><a href="">笔记本</a></li>
                    <li><a href="">家电</a></li>
                    <li><a href="">路由器</a></li>
                    <li><a href="">智能硬件</a></li>
                    <li><a href="">服务</a></li>
                    <li><a href="">社区</a></li>
                </ul>
                <div class="search">
                    <input type="text" placeholder="智能"><a href="" class="submit"><span class="iconfont icon-gouwuchekong"></span></a>
                </div>
            </div>
            <div id="sub_nav_box">
                <ul class="sub_nav">
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米MIX FOLD</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米11 Uitra</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米11 Pro</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米11 青春版</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米10S</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米11</p><i>9999元起</i></a></li>
                </ul>
                <ul class="sub_nav">
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>Note 10 Pro</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>Redmi Note 10 5G</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>K40 游戏增强版</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>K40 Pro 系列</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>Redmi K40</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>Redmi Note 9 系列</p><i>9999元起</i></a></li>
                </ul>
                <ul class="sub_nav">
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>小米电视6 至尊版 55英寸</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>小米电视 ES55 2022款</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>小米电视大师 82英寸</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>小米透明电视</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>小米电视 大师 65英寸OLED</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>Redmi 智能电视 MAX 98"</p><i>9999元起</i></a></li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 侧边栏 -->
    <ul id="sidebar">
        <li>
            <span class="iconfont icon-gouwuchekong"></span><p>手机APP</p>
            <div class="Qr_code"><img src="../img/Qr_code.png" alt="" srcset=""><p>扫码领取新人百元礼包</p><i></i></div>
        </li>
        <li><span class="iconfont icon-gouwuchekong"></span><p>个人中心</p></li>
        <li><span class="iconfont icon-gouwuchekong"></span><p>售后服务</p></li>
        <li><span class="iconfont icon-gouwuchekong"></span><p>人工客服</p></li>
        <li class="toList"><span class="iconfont icon-gouwuchekong"></span><p>购物车</p></li>
        <li id="top" class="none"><span class="iconfont icon-gouwuchekong"></span><p>回顶部</p></li>
    </ul>
    <!-- 轮播图+内容 -->
    <main>
        <!-- 轮播图区 -->
        <div class="banner warpper">
            <img src="../img/banner01.webp" alt="">
            <div class="banner_top">
                <ul class="banner_nav">
                    <li><a href="">手机 电话卡<span class="iconfont icon-gouwuchekong"></span></a>
                        <ul class="banner_subnav">
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                            <li><a href=""><img src="../img/xiaomi01.png" alt=""><span>小米手机</span></a></li>
                        </ul>
                    </li>
                    <li><a href="">电视 盒子<span class="iconfont icon-gouwuchekong"></span></a>
                        <ul class="banner_subnav">
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                        </ul>
                    </li>
                    <li><a href="">笔记本 显示器<span class="iconfont icon-gouwuchekong"></span></a>
                        <ul class="banner_subnav">
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                        </ul>
                    </li>
                    <li><a href="">家电 插线板<span class="iconfont icon-gouwuchekong"></span></a>
                        <ul class="banner_subnav">
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                        </ul>
                    </li>
                    <li><a href="">出行 穿戴<span class="iconfont icon-gouwuchekong"></span></a>
                        <ul class="banner_subnav">
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                        </ul>
                    </li>
                    <li><a href="">智能 路由器<span class="iconfont icon-gouwuchekong"></span></a>
                        <ul class="banner_subnav">
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                        </ul>
                    </li>
                    <li><a href="">电源 配件<span class="iconfont icon-gouwuchekong"></span></a>
                        <ul class="banner_subnav">
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                        </ul>
                    </li>
                    <li><a href="">健康 儿童<span class="iconfont icon-gouwuchekong"></span></a>
                        <ul class="banner_subnav">
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                        </ul>
                    </li>
                    <li><a href="">耳机 音箱<span class="iconfont icon-gouwuchekong"></span></a>
                        <ul class="banner_subnav">
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                        </ul>
                    </li>
                    <li><a href="">生活 箱包<span class="iconfont icon-gouwuchekong"></span></a>
                        <ul class="banner_subnav">
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                            <li><a href=""><img src="../img/dianshi01.png" alt=""><span>小米电视</span></a></li>
                        </ul>
                    </li>
                </ul>
                <div class="banner_slide">
                    <div class="banner_slide"><span class="iconfont icon-gouwuchekong"></span><span class="iconfont icon-gouwuchekong"></span></div>
                </div>
                <div class="banner_click">
                    <em></em>
                    <em></em>
                    <em class="clicked"></em>
                    <em></em>
                </div>
            </div>
        </div>
        <!-- 新品 -->
        <div class="news_release warpper">
            <ul class="channel">
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><p>小米秒杀</p></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><p>企业团购</p></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><p>F码通道</p></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><p>米粉卡</p></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><p>以旧换新</p></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><p>充值话费</p></a></li>
            </ul>
            <a href=""><img src="../img/sub_banner01.jpg" alt="" srcset=""></a>
            <a href=""><img src="../img/sub_banner01.jpg" alt="" srcset=""></a>
            <a href=""><img src="../img/sub_banner01.jpg" alt="" srcset=""></a>
        </div>
        <!-- 秒杀 -->
        <section class="seckill">
            <div class="warpper">
                <div class="module_header">
                    <h3>小米秒杀</h3>
                    <div class="next">
                        <a href=""><span class="iconfont icon-gouwuchekong"></span></a>
                        <a href=""><span class="iconfont icon-gouwuchekong"></span></a>
                    </div>
                </div>
                <div class="seckill_main">
                    <div id="seckill">
                        <h4><b>00:00</b> 场</h4>
                        <span class="iconfont icon-gouwuchekong"></span>
                        <p>距离结束还有</p>
                        <em><i>09</i>:<i>59</i>:<i>59</i></em>
                    </div>
                    <div class="products_banner">
                        <ul class="products_content">
                            <li class="module_content"><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                            <li class="module_content"><a href=""><img src="../img/xiaomi01.png"><p>小米智能门锁 1S 碳素黑</p><span>经典门锁再进一步</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                            <li class="module_content"><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                            <li class="module_content"><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        </ul>
                    </div>
                </div>
                <a href=""  class="module_banner"><img src="../img/transition_img.webp" alt=""></a>
            </div>
        </section>
        <!-- 手（耳）机 -->
        <section class="phone">
            <div class="warpper">
                <div class="module_header">
                    <h3>耳机</h3>
                    <div class="more">
                        <a href="">查看更多<span class="iconfont icon-gouwuchekong"></span></a>
                    </div>
                </div>
                <div class="module_main">
                    <div class="module_img"><img src="../img/module_pic01.webp" alt=""></div>
                    <ul class="module_content">
                        <li><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>小米智能门锁 1S 碳素黑</p><span>经典门锁再进一步</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>小米智能门锁 1S 碳素黑</p><span>经典门锁再进一步</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>小米智能门锁 1S 碳素黑</p><span>经典门锁再进一步</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>小米智能门锁 1S 碳素黑</p><span>经典门锁再进一步</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                    </ul>
                </div>
                <a href=""  class="module_banner"><img src="../img/transition_img.webp" alt=""></a>
            </div>
        </section>
        <!-- 周边 -->
        <section class="derivatives">
            <div class="warpper">
                <div class="module_header">
                    <h3>周边</h3>
                    <div class=" option">
                        <span class="on">热门</span><span>电视音影</span>
                    </div>
                </div>
                <div class="module_main">
                    <div class="module_img"><img src="../img/module_pic02.webp" alt=""><img src="../img/module_pic02.webp" alt=""></div>
                    <ul class="module_content">
                        <li><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>小米智能门锁 1S 碳素黑</p><span>经典门锁再进一步</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>小米智能门锁 1S 碳素黑</p><span>经典门锁再进一步</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>小米智能门锁 1S 碳素黑</p><span>经典门锁再进一步</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li><a href=""><img src="../img/xiaomi01.png"><p>Note 10 Pro</p><span>天际1100年旗舰龙吼，溪木镇</span><p><em>1599元起</em> <i>1699元</i></p></a></li>
                        <li>
                            <a href="" class="module_last">
                                <div class="module_last_txt"><p>米家空气净化器Pro</p><p><em>1599元起</em></p></div>
                                <div class="module_last_pic"><img src="../img/xiaomi01.png" alt="" srcset=""></div>
                            </a>
                            <a href="" class="module_last module_more">
                                <div class="module_last_txt"><p>游览更多</p><span>热门</span></div>
                                <div class="module_last_pic"><span class="iconfont icon-gouwuchekong"></span></div>
                            </a>
                        </li>
                    </ul>
                </div>
                <a href=""  class="module_banner"><img src="../img/transition_img.webp" alt=""></a>
            </div>
        </section>
    </main>
    <!-- 尾部 -->
    <footer>
        <div class="footer_top warpper">
            <ul id="service">
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><span>预约维修服务</span></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><span>7天无理由退货</span></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><span>15天免费换货</span></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><span>满69包邮</span></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><span>520余家售后网点</span></a></li>
            </ul>
            <div id="more">
                <ul class="link">
                    <li>
                        <h4>帮助中心</h4>
                        <a href="">账户管理</a>
                        <a href="">购物指南</a>
                        <a href="">订单操作</a>
                    </li>
                    <li>
                        <h4>服务支持</h4>
                        <a href="">售后政策</a>
                        <a href="">自助服务</a>
                        <a href="">相关下载</a>
                    </li>
                    <li>
                        <h4>线下门店</h4>
                        <a href="">小米之家</a>
                        <a href="">服务网点</a>
                        <a href="">授权体验店</a>
                    </li>
                    <li>
                        <h4>关于小米</h4>
                        <a href="">了解小米</a>
                        <a href="">加入小米</a>
                        <a href="">投资者关系</a>
                        <a href="">企业社会责任</a>
                        <a href="">廉洁举报</a>
                    </li>
                    <li>
                        <h4>关注我们</h4>
                        <a href="">新浪微博</a>
                        <a href="">官方微信</a>
                        <a href="">联系我们</a>
                        <a href="">公益基金会</a>
                    </li>
                    <li>
                        <h4>特色服务</h4>
                        <a href="">F码通道</a>
                        <a href="">礼物码</a>
                        <a href="">防伪查询</a>
                    </li>
                </ul>
                <div class="contact">
                    <h4>400-100-5678</h4>
                    <p>8:00-18:00（仅收市话费）</p>
                    <div class="manual_service">
                        <span class="iconfont icon-gouwuchekong"></span><span>人工服务</span>
                    </div>
                    <p>关注小米：<span class="iconfont icon-gouwuchekong"></span><span class="iconfont icon-gouwuchekong"></span></p>
                </div>
            </div>
        </div>
        <div class="footer_bottom">
            <div class="warpper">
                <img src="../img/logo-mi2.png" alt="" class="logo">
                <div class="information">
                    <ul class="Affiliation clear_fix">
                        <li><a href="">小米商城</a></li>
                        <li><a href="">MIUI</a></li>
                        <li><a href="">米家</a></li>
                        <li><a href="">米聊</a></li>
                        <li><a href="">多看</a></li>
                        <li><a href="">游戏</a></li>
                        <li><a href="">政企服务</a></li>
                        <li><a href="">小米天猫店</a></li>
                        <li><a href="">小米集团隐私政策</a></li>
                        <li><a href="">小米公司儿童信息保护规则</a></li>
                        <li><a href="">小米商城隐私政策</a></li>
                        <li><a href="">小米商城用户协议</a></li>
                        <li><a href="">问题反馈</a></li>
                        <li><a href="">Select Location</a></li>
                        <li><a href="">北京互联网法院法律服务工作站</a></li>
                        <li><a href="">中国消费者协会</a></li>
                        <li><a href="">北京市消费者协会</a></li>
                    </ul>
                    <div class="license">
                        <p>© <a href="">mi.com</a> 京ICP证110507号 <a href="">京ICP备10046444号</a> <a href="">京公网安备11010802020134号</a> <a href="">京网文[2020]0276-042号</a></p>
                        <p> <a href="">（京）网械平台备字（2018）第00005号</a> <a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a> <a href="">营业执照</a> <a href="">医疗器械质量公告</a></p>
                        <p> <a href="">增值电信业务许可证</a>网络食品经营备案 京食药网食备202010048 <a href="">食品经营许可证</a></p>
                        <p>违法和不良信息举报电话：171-5104-4404 <a href="">知识产权侵权投诉</a>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                        <p><a href=""><img src="../img/truste.png"></a><a href=""><img src="../img/truste.png"></a><a href=""><img src="../img/truste.png"></a></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_slogan"></div>
    </footer>
</body>
</html>